.ag-checkbox-input-wrapper {
    flex: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 2px;

    .ag-checkbox-input {
        cursor: pointer;
        opacity: 0;
        margin: 0;
        display: block;
        width: 20px;
        height: 20px;
    }

    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' stroke='%23999' stroke-width='4' fill='none' /%3E%3C/svg%3E");

    &:where(.ag-checked) {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' stroke='%23999' stroke-width='4' fill='none' /%3E%3Cline x1='2' y1='2' x2='18' y2='18' stroke='red' stroke-width='4' /%3E%3Cline x1='2' y1='18' x2='18' y2='2' stroke='blue' stroke-width='4' /%3E%3C/svg%3E");
    }

    &:where(.ag-indeterminate) {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' stroke='%23999' stroke-width='4' fill='none' /%3E%3Ctext x='10' y='16' font-size='16' text-anchor='middle' fill='orange' font-family='Arial, sans-serif' font-weight='bold'%3E%3F%3C/text%3E%3C/svg%3E");
    }

    &:where(:focus-within, :active) {
        box-shadow: inset var(--ag-focus-shadow);
    }

    &:where(.ag-disabled) {
        opacity: 0.5;
        filter: grayscale();
    }
}
